<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><g:layoutTitle default="Sys Memora"/></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Bootstrap -->
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.css')}" type="text/css">
        <!-- Memora for extra css -->
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'memora.css')}" type="text/css">
        <!-- Font-Awesome -->
        <link rel="stylesheet" href="${resource(dir: 'font-awesome/css', file: 'font-awesome.css')}" type="text/css">
		<!-- Ionicons -->
		<link rel="stylesheet" href="${resource(dir: 'font-awesome/css', file: 'ionicons.min.css')}" type="text/css">	
        <!-- TAdminLTE -->
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'AdminLTE.css')}" type="text/css">
        <!-- iCheck for checkboxes and radio inputs -->
        <link rel="stylesheet" href="${resource(dir: 'css/iCheck', file: 'all.css')}" type="text/css">
        <!-- Tags Input for Multiple Select-->
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'tagmanager.css')}" type="text/css">
        <!-- Date Range Picker -->
        <link rel="stylesheet" href="${resource(dir: 'css/daterangepicker', file: 'daterangepicker-bs3.css')}" type="text/css">
        <!-- jQuery UI -->
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'datepicker.css')}" type="text/css">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
		
        <g:layoutHead/>
        <g:javascript library="application"/>
        <g:javascript library="jquery" />
        <r:layoutResources />
    </head>
    <body class="pace-done skin-blue fixed">

        <g:applyLayout name="navbar/navbar"/>
        
        <div class="wrapper row-offcanvas row-offcanvas-left">
			<g:applyLayout name="menu/menu"/>
			
			<!-- Right side column. Contains the navbar and content of the page -->
			<aside class="right-side">  
				<g:layoutBody/>	
			</aside><!-- /.right-side -->
        </div>

        <div class="footer" role="contentinfo"></div>
        <div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div>
        <r:layoutResources />

        <!-- jQuery 2.0.2 -->
        <g:javascript src="jquery.min.js" />
        <!-- Bootstrap -->
        <g:javascript src="bootstrap.min.js" />
        <!-- AdminLTE App -->
        <g:javascript src="AdminLTE/app.js" />
        <!-- Tags Input for Multiple Select -->
        <g:javascript src="typeahead.js" />
        <!-- Tags Input for Multiple Select -->
        <g:javascript src="tagmanager.js" />
        <!-- Data Picker -->
        <g:javascript src="datepicker.js" />
        <!-- Mask Input-->
        <g:javascript src="jquery.maskedinput.js" />
        <!-- Memora -->
        <g:javascript src="memora.js" />

        <script>
        
            jQuery(".tm-input").tagsManager();

            jQuery("[datepicker]").datepicker();

        </script>
    </body>
</html>
